<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>WelCome to HuNan University JudgeOnline</title>
    <!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="css/bootstrap.min.css">

    <!-- 可选的 Bootstrap 主题文件（一般不用引入） -->
    <link rel="stylesheet" href="css/bootstrap-theme.min.css">
    <link rel="stylesheet" href="style/index.css">

     <!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
     <script src="js/jquery-3.3.1.min.js"></script>
     <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
     <script src="js/bootstrap.min.js"></script>
</head>
<body>

    <header style="height: 22vh">
        <div class="header">
            <table class="container" cellpadding="0">
                <tbody style="height: 100vh">
                <tr>
                    <td width="12%">
                        <img src="img/hnu2.jpg"  style="width: 100%; height: auto">
                    </td>
                    <td width="15%">
                        <h1 class="h1" style="font-family: 华文新魏; text-align: center">湖南大学</h1>
                    </td>
                    <td width="65%">
                        <div class="page-header">
                            <h2 style="color: white; font-family: 'Bauhaus 93'">WelCome To HuNan University JudgeOnline</h2>
                        </div>
                    </td>
                    <td width="8%">
                        <img src="img/acm.png"  class="img-responsive" align="right">
                    </td>
                </tr>
                </tbody>
            </table>
        </div>


    <!--<nav style="height: 5vh">-->
        <div class="mynav">
            <div style="width: 82.7vw; float: left">
                <ul class="nav nav-pills" >
                    <li class="active"><a href="#">Home</a></li>
                    <li><a href="javascript:void(0)">Problem</a></li>
                    <li><a href="javascript:void(0)">Contest</a></li>
                    <li><a href="javascript:void(0)">Status</a></li>
                    <li><a href="javascript:void(0)">Rank</a></li>
                    <li><a href="javascript:void(0)">User</a></li>
                    <li><a href="javascript:void(0)">About</a></li>
                </ul>
            </div>
            <div style="width: 17.3vw; float: left;padding-top: 2px">
                <button type="button" class="btn btn-primary">Login</button>
                <button type="button" class="btn btn-primary">Register</button>
            </div>
        </div>
    </header>
    <!--</nav>-->

    <main style="height: 68vh">
        <div>
            <div style="width: 50%; height: 60vh; float: left; padding-top: 5em">
                <h3 style="text-align: center">
                    ACM国际大学生程序设计竞赛（英文全称：ACM International
                    Collegiate Programming Contest（简称ACM-ICPC或ICPC））
                    是由国际计算机协会（ACM）主办的，一项旨在展示大学生创新能
                    力、 团队精神和在压力下编写程序、分析和解决问题能力的年度
                    竞赛。 经过近40年的发展，ACM国际大学生程序设计竞赛已经发展
                    成为全球 最具影响力的大学生程序设计竞赛。赛事目前由IBM公司赞助
                </h3>
            </div>
            <div style="width: 50%;  height: 60vh; text-align: center;float: left">
                <img src="img/acm2.jpg" width="50%">
            </div>
        </div>
    </main>

    <footer style="height: 10vh">
        <div class="main-footer">
            <h5 style="text-align: center">All Copyright Reserved ©2018 HNU</h5>
        </div>
    </footer>

   
</body>
</html>